<div>
    <div class="padder-v padder-md b-b font-bold">预约订单确认</div>
    <div class="panel-body text-center">
        <div class="inline m-b-sm">
            <div class="pull-left">
                <div class="pos-rlt w-xxs text-center" ng-class="{true:'process-container'}[booking.status>=0]">
                    <span class="process-circle h6 text-center l-h"><i class="fa fa-times text-white" ng-class="{false:'fa-times',true:'fa-check'}[booking.status>=0]"></i></span>
                    <span class="process-bar-right"></span>
                </div>
                <span class="h6 text-muted">预约</span>
            </div>
            <div class="pull-left">
                <div class="pos-rlt w-xxs text-center" ng-class="{true:'process-container'}[booking.status>=1]">
                    <span class="process-bar-left"></span>
                    <span class="process-circle h6 text-center l-h"><i class="fa fa-times text-white" ng-class="{false:'fa-times',true:'fa-check'}[booking.status>=1]"></i></span>
                    <span class="process-bar-right"></span>
                </div>
                <span class="h6 text-muted">付款</span>
            </div>
            <div class="pull-left" ng-if="booking.status==2 || booking.status==1 || booking.status==0">
                <div class="pos-rlt w-xxs text-center" ng-class="{true:'process-container'}[booking.status==2]">
                    <span class="process-bar-left"></span>
                    <span class="process-circle h6 text-center l-h"><i class="fa text-white" ng-class="{false:'fa-times',true:'fa-check'}[booking.status==2]"></i></span>
                </div>
                <span class="h6 text-muted">完成</span>
            </div>
            <div class="pull-left" ng-if="booking.status==3">
                <div class="pos-rlt w-xxs text-center" ng-class="{true:'process-container-wraning'}[booking.status==3]">
                    <span class="process-bar-left"></span>
                    <span class="process-circle h6 text-center l-h"><i class="fa fa-times text-white" ng-class="{true:'fa-times',false:'fa-check'}[booking.status==3]"></i></span>
                </div>
                <span class="h6 text-muted">已过期</span>
            </div>
        </div>
        <div class="h6 text-left no-border b-a b-dashed r-3x m-b-sm panel-body">
            <span class="block m-b-sm">联系姓名: <p class="h5 font-bold inline" ng-bind="booking.linkmanName==null?'-- --':booking.linkmanName"></p></span>
            <span class="block m-b-sm">联系性别: <p class="h6 inline" ng-bind="{0:'女',1:'男'}[booking.linkmanSex]">--</p></span>
            <span class="block m-b-sm">联系手机号: <p class="h6 inline" ng-bind="booking.linkmanMobilePhone==null?'-- --':booking.linkmanMobilePhone"></p></span>
            <span class="block m-b-sm">第三方交易编号:<p class="h6 inline" ng-bind="booking.transactionNumber==null?'-- --':booking.transactionNumber"></p></span>
            <span class="block m-b-sm">预约单号: <p class="h6 inline" ng-bind="booking.bookingNumber==null?'-- --':booking.bookingNumber"></p></span>
            <span class="block m-b-sm">选择时间: <p class="h6 inline" ng-bind="booking.chooseTime==null?'-- --':booking.chooseTime"></p></span>
            <span class="block m-b-sm">桌号类型: <p class="h6 inline" ng-bind="booking.tableTypeName==null?'-- --':booking.tableTypeName"></p></span>
            <span class="block m-b-sm">预定费用(元): <p class="font-bold h4 inline">{{booking.money|number:2}}</p> 元</span>
            <span class="block m-b-sm">支付方式: <p class="h6 inline" ng-bind="{0:'微信支付',1:'现金分',2:'收益分',3:'会员卡'}[booking.payWay]"></p></span>
            <span class="block">预定人数: {{booking.number}} 人</span>
        </div>
        <div>
            <button class="btn btn-sm btn-success" ng-click="confirm()" ng-if="!confirmState">确认</button>
            <button class="btn btn-sm btn-success" ng-if="confirmState" disabled>确认中</button>
        </div>
    </div>
</div>